<!--
 * @Description: 告警详情
 * @Author: 0001100986/LiuShuai
 * @Date: 2021-06-24 08:43:34
 * @LastEditTime: 2021-07-28 15:02:45
 * @LastEditors: 0001100986/LiuShuai
-->
<template>
  <table class="alarms-info">
    <tr>
      <td>告警码</td>
      <td>{{ row.code === '' || row.code === null ? '无' : row.code }}</td>
    </tr>
    <tr>
      <td>流水号</td>
      <td>{{ row.flowNumber === '' || row.flowNumber === null ? '无' : row.flowNumber }}</td>
    </tr>
    <tr>
      <td>规则类型</td>
      <td>{{ row.type === '' || row.type === null ? '无' : $t('alarms.' + row.type) }}</td>
    </tr>
    <tr>
      <td>确认用户</td>
      <td>{{ row.alarmAckUser === '' || row.alarmAckUser === null ? '无' : row.alarmAckUser }}</td>
    </tr>
    <tr>
      <td>确认时间</td>
      <td>{{ row.alarmAckTime | filterTime }}</td>
    </tr>
    <tr>
      <td>处理意见</td>
      <td>{{ row.suggestion === '' || row.suggestion === null ? '无' : row.suggestion }}</td>
    </tr>
  </table>
</template>

<script>
export default {
  name: 'alarmsInfo',
  props: ['row']
};
</script>

<style lang="scss" scoped>
.alarms-info {
  width: 100%;
  border: 1px solid #ebeef5;
  tr {
    width: 100%;
    td {
      padding: 5px 15px;
      line-height: 30px;
      &:first-child {
        width: 120px;
        text-align: center;
        background: #f8f8f9;
      }
      &:last-child {
        width: calc(100% - 170px);
      }
    }
  }
}
</style>